{% extends 'base.html' %}

{% block title %}
    惠房网-{{ city }}楼盘-{{ datas.title }} 房价,户型,开盘时间详情,{{ city }}新房
{% endblock %}

{% block styles %}
    {{ super() }}
    <!-- 引入新房楼盘详情页样式文件newdetail.css -->
    <link rel="stylesheet" href="{{ url_for('static',filename='css/newhouse/newdetail.css') }}">
{% endblock %}

{% block content %}

    {% block newcontent %}
        <!-- 头部区域 -->
        <header class="headers">
            <div class="w">
                <div class="title">
                    <!-- logo模块 -->
                    <a href="{{ url_for('house_bp.newhouse',city=city) }}" class="logo" title="{{ city }}新房楼盘">
                        <img src="{{ url_for('static',filename='images/hz_logo.png') }}" alt="" title="{{ city }}楼盘">
                        <span>惠房新房</span>
                    </a>
                    <span class='split'></span>
                    <a href="{{ url_for('house_bp.city') }}" class="s-city">
                        {{ city }}
                    </a>

                    <!-- 区域 -->
                    <ul class="most-area">
                        <li><a href="{{ url_for('house_bp.index') }}?city={{ city }}">首页</a></li>
                        <li><a href="{{ url_for('house_bp.newhouse',city=city) }}">楼盘</a></li>
                        <li><a href="javascript:;" class='check'>在售</a></li>
                        <li><a href="javascript:;">惠房指数</a></li>
                        <li><a href="javascript:;">地图找房</a></li>
                    </ul>
                </div>
                <div class="bottom">
                    <span>{{ city }}楼盘 &nbsp;&nbsp;>&nbsp;&nbsp;</span>
                    <span>{{ datas.area_name }}楼盘 &nbsp;&nbsp;>&nbsp;&nbsp;</span>
                    <span>{{ datas.shop_name }}楼盘</span>
                </div>
            </div>
        </header>
        <!-- 图片模块 -->
        <div class="Central w clearfix">
            <div class="central-hd clearfix">
                <!-- 标题 -->
                <div class="centfr">
                    <div class="title">
                        <h2>{{ datas.title }}</h2>
                    </div>
                    <div class="tags">
                        <span class="tag-left">在售</span>
                        <span class="tag-right">{{ datas.proper_type }}</span>
                    </div>
                    {% if datas.alias %}
                        <div class="alias">
                            <span>别名：{{ datas.alias }}</span>
                        </div>
                    {% endif %}

                </div>
                {% if datas.broker.broker_name %}
                    <!-- 联系方式 -->
                    <div class="centfl">
                        <span>咨询电话：{{ datas    .broker.contact }}</span>
                    </div>
                {% endif %}
            </div>
            <div class="central-bd">
                <!-- 图片左侧 -->
                <div class="imgs">
                    <img src="{{ datas.house_img }}" alt="">
                </div>
                <!-- 数据右侧 -->
                <div class="datalist">
                    <!-- 价格 -->
                    <div class="price">
                        {% if datas.unit_price %}
                            <span class="title">参考均价</span>
                            <span class="price-number">{{ datas.unit_price }}</span>
                            <span class="price-unit">元/平(单价)</span>
                            {% if datas.total_price %}
                                <span class="price-number" style="margin-left:16px;">{{ datas.total_price }}</span>
                                <span class="price-unit">万/套(总价)</span>
                            {% endif %}
                        {% else %}
                            <span class="price-number">价格待定</span>
                        {% endif %}
                    </div>
                    <!-- 小数据 -->
                    <div class="datainfo">
                        <ul class="data-item">
                            <li>
                                <span class="title">项目地址</span>
                                <span class="content">{{ datas.adress }}</span>
                            </li>
                            <li>
                                <span class="title">开盘时间</span>
                                {% if datas.open_time %}
                                    <span class="content">{{ datas.open_time }}</span>
                                {% else %}
                                    <span class="content">时间待定</span>
                                {% endif %}
                            </li>
                            <li>
                                <span class="title">楼盘户型</span>
                                {% if datas.house_type %}
                                    <span class="content">{{ datas.house_type }}</span>
                                {% else %}
                                    <span class="content">暂无数据</span>
                                {% endif %}
                            </li>
                            <li>
                                <span class="title">风险提示</span>
                                <span class="content">惠房用户风险提示</span>
                                <i></i>
                            </li>
                        </ul>
                        <div class="data-bottom">
                            <a href="#datadetail">查看更多详情楼盘信息</a>
                        </div>
                    </div>
                    {% if datas.broker.broker_name %}
                        <!-- 经纪人 -->
                        <div class="brokerinfo">
                            <a href="#broker">
                                <img src="{{ datas.broker.broker_img }}" alt="">
                            </a>
                            <div class="conetnt">
                                <div class="title">
                                    <span class="fr">{{ datas.broker.broker_name }}</span>
                                    <span class="fl"> 新房顾问 </span>
                                </div>
                                <div class="items">新房楼盘，首付税后详情请咨询我~~~</div>
                                <div class="contact">{{ datas.broker.contact }}</div>
                                <div class="frame">
                                    <i></i>
                                    <span>在线咨询</span>
                                </div>
                            </div>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
        <!-- 详情数据 -->
        <div class="newsdetail w" id="datadetail">
            <div class="widths">
                <h2>楼盘详情信息</h2>
                <div class="introContent">
                    <!-- 基本信息 -->
                    <div class="basic">
                        <div class="name">基本信息</div>
                        <div class="content">
                            <ul>                    
                                <li>
                                    <span class="lables">物业类型</span>
                                    {{ datas.proper_type }}
                                </li>
                                <li>
                                    {% if datas.unit_price %}
                                        <span class="lables">参考价格</span>
                                        均价 {{ datas.unit_price }}元/平
                                    {% else %}
                                        <span class="lables">参考价格</span>
                                        价格待定
                                    {% endif %}
                                </li>
                                <li>
                                    <span class="lables">区域位置</span>
                                    {{ datas.city_name }}-{{ datas.area_name }}
                                </li>
                                <li>
                                    <span class="lables">项目特色</span>
                                    {% if datas.house_feature %}
                                        {{ datas.house_feature }}
                                    {% else %}
                                        暂无信息
                                    {% endif %}
                                </li>
                                <li>
                                    <span class="lables">楼盘地址</span>
                                    {{ datas.adress }}
                                </li>
                                <li>
                                    <span class="lables">售楼处地址</span>
                                    {{ datas.sales_office }}
                                </li>
                                <li>
                                    <span class="lables">开发商</span>
                                    {{ datas.developer }}
                                </li>
                                
                            </ul>
                        </div>
                    </div>
                    <!-- 规划信息-->
                    <div class="transaction">
                        <div class="name">规划信息</div>
                        <div class="content">
                            <ul>
                                <li>
                                    <span class="lables">建筑类型</span>
                                    {{ datas.builde_type }}
                                </li>
                                <li>
                                    <span class="lables">绿化率</span>
                                    {{ datas.green_rate }}
                                </li>
                                <li>
                                    <span class="lables">占地面积</span>
                                    {{ datas.land_area }}
                                </li>
                                <li>
                                    <span class="lables">容积率</span>
                                    {{ datas.volume_rate }}
                                </li>
                                <li>
                                    <span class="lables">建筑面积</span>
                                    {{ datas.builde_area }}
                                </li>
                                <li>
                                    <span class="lables">物业类型</span>
                                    {{ datas.proper_type }}
                                </li>
                                <li>
                                    <span class="lables">规划户数</span>
                                    {{ datas.house_plan }}
                                </li>
                                <li>
                                    <span class="lables">产权年限</span>
                                    {{ datas.property_years }}
                                </li>
                                <li>
                                    <span class="lables">楼盘户型</span>
                                    {% if datas.house_type %}
                                        {{ datas.house_type }}
                                    {% else %}
                                        暂无信息
                                    {% endif %}
                                </li>
                                <li>
                                    <span class="lables">最近交房</span>
                                    {{ datas.handover_time }}
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 配套信息 -->
                    <div class="matchinfo">
                        <div class="name">配套信息</div>
                        <div class="content">
                            <ul>
                                <li class="exception">
                                    <span class="lables">物业公司</span>
                                    {{ datas.property_company }}
                                </li>
                                <li>
                                    <span class="lables">车位配比</span>
                                    {{ datas.carbit_ratio }}
                                </li>
                                <li>
                                    <span class="lables">物业费</span>
                                    {{ datas.property_price }}
                                </li>
                                <li>
                                    <span class="lables">供暖方式</span>
                                    {{ datas.Heating_method }}
                                </li>
                                <li>
                                    <span class="lables">供水方式</span>
                                    {{ datas.water }}
                                </li>
                                <li>
                                    <span class="lables">供电方式</span>
                                    {{ datas.electric }}
                                </li>
                                <li>
                                    <span class="lables">车位</span>
                                    {{ datas.carbit_num }}
                                </li>
                            </ul>
                    </div>
                    </div>
                </div>
            </div>
            <!-- 广告位 -->
            <div class="advertising">
                <div class="recommend-first">
                    <p class="head">热门招聘</p>
                    <div class="recommend-item">
                        <a href="http://120.79.190.101/user/">
                            <img src="{{ url_for('static',filename='images/job.jpg') }}" alt="惠职招聘">
                            <p class="sysment">惠职招聘 职位来袭 一起寻找心目中的offer</p>
                            <p class="select">全国热门城市等您挑选~~~</p>
                            <p class="desc">绩效奖金 | 带薪年假...</p>
                        </a>
                    </div>
                </div>
                <div class="recommend-last">
                    <p class="head">火爆影集</p>
                    <div class="recommend-item">
                        <a href="http://112.74.83.39/movie/">
                            <img src="{{ url_for('static',filename='images/login.jpg') }}" alt="惠职招聘">
                            <p class="sysment">惠职影视 邀您共享 科技|灾难|动作|悬疑大片精彩不断</p>
                            <p class="select">精彩震撼大片火爆来袭~~~</p>
                            <p class="desc">历史|英雄|抗日...</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        {% if datas.broker.broker_name %}
        <!-- 经纪人信息 -->
        <div id="broker" class="w">
            <div class="broker" style="width: 700px;">
                <div class="broker-tit">
                    <h2>经纪人信息</h2>
                </div>
                <div class="brokercon">
                    <div class="bro-left">
                        <img src="{{ datas.broker.broker_img }}" alt="{{ datas.broker.broker_name }}" title="{{ datas.broker.broker_name }}">
                    </div>
                    <div class="bro-right">
                        <div class="agent-detail-top">
                            <span class="agent-name">{{ datas.broker.broker_name }}</span>
                            <div class="agent-otherinfo">
                                <span class="pub-tag">综合经纪人</span>
                            </div>
                        </div>
                        <div class="agent-adress">
                            <span class="map-text">{{ datas.broker.shop_group }}</span>
                        </div>
                        <ul class="agent-data">
                            <li>
                                <span class="info-key">联系方式：</span>
                                <span class="info-value">{{ datas.broker.contact }}</span>
                            </li>
                            <li>
                                <span class="info-key">服务平台年限：</span>
                                <span class="info-value">{{ datas.broker.service_years }}</span>
                            </li>
                            <li>
                                <span class="info-key">个人成绩：</span>
                                <span class="info-value">{{ datas.broker.personal_score }}</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        {% endif %}
        {% endblock %}
{% endblock %}